<template>
  <div class="page">
    <div class="headers">
      <span>访问的地址：</span>
      <a-input v-model="iframeSrc" placeholder="此处放需要访问的地址" allowClear style="width: 400px"></a-input>
    </div>

    <iframe :src="iframeSrc" width="100%" height="94%"></iframe>
  </div>
</template>
<script>
export default {
  name: 'Iframes',
  data() {
    return {
      iframeSrc: 'https://blog.csdn.net/JHXL_',
    }
  },
  created() {
    this.init_load()
  },
  methods: {
    init_load() {},
    updateIframe() {},
  },
}
</script>
<style lang="less" scoped>
.page {
  width: 100%;
  height: 100%;
  .headers {
    padding-bottom: 24px;
  }
}
</style>